<template>
  <div class="toMyself">
    <h2 class="toMyself-title">未来加油！！！</h2>
    <div class="toMyself-content">
        <div>不会有人还要写小作文吧~~~</div>
        <div class="toMyselfImg">
          <img src="https://stone-1315935641.cos.ap-chengdu.myqcloud.com/img%2Frichu.jpg" alt="">
        </div>
    </div>
  </div>
</template>

<script lang="ts" setup >

</script>

<style lang="less" scoped>
a {
  color: rgb(220, 71, 71);
}
.toMyself {
  margin: 20px 0;
  border-radius: 15px;
  border-bottom: 2px solid rgb(226, 96, 249);
  .toMyself-title {
    padding: 5px 20px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.504);
  }
  .toMyself-content {
    padding: 20px 40px;
    div {
      display: flex;
      align-items: center;
      margin: 10px 0;
    }
    .toMyselfImg {
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        width: 80%;
        height: auto;
      }
    }
  }
}

</style>
